<template>
  <div class="header">
    <div class="header-left" @click="toHome">
      <span class="iconfont">&#xe624;</span>
    </div>
    <div class="header-title">
      城市选择
    </div>

  </div>
</template>

<script>
  export default {
    name: "Header",
    methods: {
      toHome() {
        this.$router.push('/')
      }
      // toCity() {
      //   this.$router.push('/city')
      // }
    }
  }
</script>

<style scoped lang="stylus">
  @import '~css/var.styl'

  .header{
    width: 100%;
    line-height: .88rem;
    background: $bgColor;
    color: $textColor;
    font-size: .36rem;
    position: relative
  }
  .header-left{
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    position: absolute;
  }
  .header-title{
    text-align:center;
  }

</style>
